<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/page3.css"/>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/head.css"/>
    <link rel="stylesheet" href="css/tool-bar.css"/>
    <link rel="stylesheet" href="css/foot.css"/>
</head>
<body>
    <div class="wrap">
        <div>
            <div class="head">
                <div class="top">
                    <div class="container">
                        <div class="nav">
                            <a href="#">小米商城</a>
                            <span class="sep">|</span>
                            <a href="#">MIUI</a>
                            <span class="sep">|</span>
                            <a href="#">IoT</a>
                            <span class="sep">|</span>
                            <a href="#">云服务</a>
                            <span class="sep">|</span>
                            <a href="#">天星数科</a>
                            <span class="sep">|</span>
                            <a href="#">有品</a>
                            <span class="sep">|</span>
                            <a href="#">小爱开放平台</a>
                            <span class="sep">|</span>
                            <a href="#">企业团购</a>
                            <span class="sep">|</span>
                            <a href="#">资质证照</a>
                            <span class="sep">|</span>
                            <a href="#">协议规则</a>
                            <span class="sep">|</span>
                            <a class="download" href="#">
                                <span>下载app</span>
                                <span class="appcode">
                                    <img src="images/appcode.png" alt="">
                                    小米商城APP
                                </span>
                            </a>
                            <span class="sep">|</span>
                            <a href="#">智能生活</a>
                            <span class="sep">|</span>
                            <a href="#">Select Location</a>
                        </div>
                        <div class="cart">
                            <a class="cart-mini" href="#">
                                <span class="iconfont">&#xe613;</span>
                                <span>购物车</span>
                                <span class="num">(0)</span>
                            </a>
                            <div class="cart-menu">
                                <div class="menu-content">
                                    <span>购物车中还没有商品，赶紧选购吧！</span>
                                </div>
                            </div>
                        </div>
                        <div class="info">
                            <span class="user">
                                <a class="user-name" href="#">
                                    <span class="name">L.</span>
                                    <i class="arrow"></i>
                                </a>
                                <div class="user-menu-wrapper">
                                    <ul class="user-menu">
                                    <li><a class="user-menu-item" href="#">个人中心</a></li>
                                    <li><a class="user-menu-item" href="#">评价晒单</a></li>
                                    <li><a class="user-menu-item" href="#">我的喜欢</a></li>
                                    <li><a class="user-menu-item" href="#">小米账户</a></li>
                                    <li><a class="user-menu-item" href="#">退出登录</a></li> 
                                    </ul>
                                </div>
                            </span>
                            <span class="sep">|</span>
                            <a class="message" href="#">消息通知</a>
                            <span class="sep">|</span>
                            <a class="order" href="#">我的订单</a>
                        </div>
                    </div>
                </div>
                <div class="header">
                    <div class="container">
                        <div class="logo">
                            <img src="images/logo.png" alt="">
                        </div>
                        <div class="nav">
                            <ul class="nav-list">
                                <div class="category">
                                    <li class="nav-category">
                                        <a class="category-1" href="#">全部商品分类</a>
                                        <div class="site-category">
                                            <ul class="site-category-list">
                                                <li class="category-item"><a class="title" href="#">手机<span class="iconfont">&#xe506;</span></a></li>
                                                <li class="category-item"><a class="title" href="#">电视<span class="iconfont">&#xe506;</span></a></li>
                                                <li class="category-item"><a class="title" href="#">笔记本 平板<span class="iconfont">&#xe506;</span></a></li>
                                                <li class="category-item"><a class="title" href="#">家电<span class="iconfont">&#xe506;</span></a></li>
                                                <li class="category-item"><a class="title" href="#">出行 穿戴<span class="iconfont">&#xe506;</span></a></li>
                                                <li class="category-item"><a class="title" href="#">智能 路由器<span class="iconfont">&#xe506;</span></a></li>
                                                <li class="category-item"><a class="title" href="#">电源 配件<span class="iconfont">&#xe506;</span></a></li>
                                                <li class="category-item"><a class="title" href="#">健康 儿童<span class="iconfont">&#xe506;</span></a></li>
                                                <li class="category-item"><a class="title" href="#">耳机 音箱<span class="iconfont">&#xe506;</span></a></li>
                                                <li class="category-item"><a class="title" href="#">生活 箱包<span class="iconfont">&#xe506;</span></a></li>
                                            </ul>
                                        </div>
                                    </li>
                                </div>
                                <li class="nav-item XM">
                                    <a href="#">小米手机</a>
                                    <div class="item-children">
                                        <div class="container">
                                            <ul class="children-list">
                                                <li class="first">
                                                    <div class="figure">
                                                        <img src="images/XM-1.png" alt="">
                                                    </div>
                                                    <div class="title">Xiaomi MIX 4</div>
                                                    <p class="price">4999元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/XM-2.png" alt="">
                                                    </div>
                                                    <div class="title">小米MIX FOLD</div>
                                                    <p class="price">9999元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/XM-3.png" alt="">
                                                    </div>
                                                    <div class="title">小米11 Ultra</div>
                                                    <p class="price">5499元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/XM-4.png" alt="">
                                                    </div>
                                                    <div class="title">小米11 Pro</div>
                                                    <p class="price">4499元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/XM-5.png" alt="">
                                                    </div>
                                                    <div class="title">小米11 青春版</div>
                                                    <p class="price">2099元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/XM-6.png" alt="">
                                                    </div>
                                                    <div class="title">小米11 青春版</div>
                                                    <p class="price">2999元起</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="nav-item RM">
                                    <a href="#">Redmi 红米</a>
                                    <div class="item-children">
                                        <div class="container">
                                            <ul class="children-list">
                                                <li class="first">
                                                    <div class="figure">
                                                        <img src="images/RM-1.png" alt="">
                                                    </div>
                                                    <div class="title">Redmi Note 10 Pro</div>
                                                    <p class="price">1599元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/RM-2.png" alt="">
                                                    </div>
                                                    <div class="title">Redmi Note 10 5G</div>
                                                    <p class="price">1099元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/RM-3.png" alt="">
                                                    </div>
                                                    <div class="title">K40 游戏增强版</div>
                                                    <p class="price">1999元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/RM-4.png" alt="">
                                                    </div>
                                                    <div class="title">K40 Pro 系列</div>
                                                    <p class="price">2499元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/RM-5.png" alt="">
                                                    </div>
                                                    <div class="title">Redmi K40</div>
                                                    <p class="price">1999元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/RM-6.png" alt="">
                                                    </div>
                                                    <div class="title">Redmi Note 9 4G</div>
                                                    <p class="price">899元起</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="nav-item DS">
                                    <a href="#">电视</a>
                                    <div class="item-children">
                                        <div class="container">
                                            <ul class="children-list">
                                                <li class="first">
                                                    <div class="figure">
                                                        <img src="images/DS-1.png" alt="">
                                                    </div>
                                                    <div class="title">小米电视6 55 OLED</div>
                                                    <p class="price">5699元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/DS-2.png" alt="">
                                                    </div>
                                                    <div class="title">小米电视6 65”  OLED</div>
                                                    <p class="price">7699元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/DS-3.png" alt="">
                                                    </div>
                                                    <div class="title">小米电视 大师  77”  OLED</div>
                                                    <p class="price">19999元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/DS-4.png" alt="">
                                                    </div>
                                                    <div class="title">小米透明电视</div>
                                                    <p class="price">49999元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/DS-5.png" alt="">
                                                    </div>
                                                    <div class="title">小米电视 大师 65英寸OLED</div>
                                                    <p class="price">9999元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/DS-6.png" alt="">
                                                    </div>
                                                    <div class="title">Redmi 智能电视 MAX 98''</div>
                                                    <p class="price">19999元</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="nav-item LT">
                                    <a href="#">笔记本</a>
                                    <div class="item-children">
                                        <div class="container">
                                            <ul class="children-list">
                                                <li class="first">
                                                    <div class="figure">
                                                        <img src="images/LT-1.png" alt="">
                                                    </div>
                                                    <div class="title">小米笔记本 Pro X 15/div>
                                                    <p class="price">8499元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/LT-2.png" alt="">
                                                    </div>
                                                    <div class="title">Redmibook Pro 14 锐龙版</div>
                                                    <p class="price">4499元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/LT-3.png" alt="">
                                                    </div>
                                                    <div class="title">Redmibook Pro 15 锐龙版</div>
                                                    <p class="price">4999元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/LT-4.png" alt="">
                                                    </div>
                                                    <div class="title">小米笔记本 Pro 15 锐龙版</div>
                                                    <p class="price">6799元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/LT-5.png" alt="">
                                                    </div>
                                                    <div class="title">小米笔记本Pro 15</div>
                                                    <p class="price">6499元起</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="nav-item PB">
                                    <a href="#">平板</a>
                                    <div class="item-children">
                                        <div class="container">
                                            <ul class="children-list">
                                                <li class="first">
                                                    <div class="figure">
                                                        <img src="images/BP-1.png" alt="">
                                                    </div>
                                                    <div class="title">小米平板5</div>
                                                    <p class="price">1999元起</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/BP-2.png" alt="">
                                                    </div>
                                                    <div class="title">小米平板5 Pro</div>
                                                    <p class="price">2499元起</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="nav-item JD">
                                    <a href="#">家电</a>
                                    <div class="item-children">
                                        <div class="container">
                                            <ul class="children-list">
                                                <li class="first">
                                                    <div class="figure">
                                                        <img src="images/JD-1.png" alt="">
                                                    </div>
                                                    <div class="title">米家风冷对开门冰箱 483L</div>
                                                    <p class="price">2399元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/JD-2.png" alt="">
                                                    </div>
                                                    <div class="title">米家扫拖机器人1T</div>
                                                    <p class="price">1799元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/JD-3.png" alt="">
                                                    </div>
                                                    <div class="title">米家互联网洗烘一体机10kg</div>
                                                    <p class="price">1899元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/JD-4.png" alt="">
                                                    </div>
                                                    <div class="title">小米净水器S1 800G</div>
                                                    <p class="price">2199元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/JD-5.png" alt="">
                                                    </div>
                                                    <div class="title">米家空气净化器3  高效除菌</div>
                                                    <p class="price">749元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/JD-6.png" alt="">
                                                    </div>
                                                    <div class="title">Redmi全自动波轮洗衣机1A</div>
                                                    <p class="price">799元</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="nav-item LYQ">
                                    <a href="#">路由器</a>
                                    <div class="item-children">
                                        <div class="container">
                                            <ul class="children-list">
                                                <li class="first">
                                                    <div class="figure">
                                                        <img src="images/LYQ-1.png" alt="">
                                                    </div>
                                                    <div class="title">小米路由器AX6000</div>
                                                    <p class="price">599元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/LYQ-2.png" alt="">
                                                    </div>
                                                    <div class="title">小米路由器AX9000</div>
                                                    <p class="price">1299元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/LYQ-3.png" alt="">
                                                    </div>
                                                    <div class="title">Redmi路由器AC2100</div>
                                                    <p class="price">169元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/LYQ-4.png" alt="">
                                                    </div>
                                                    <div class="title">小米路由器 Mesh</div>
                                                    <p class="price">999元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/LYQ-5.png" alt="">
                                                    </div>
                                                    <div class="title">小米路由器 4C</div>
                                                    <p class="price">59元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/RM-6.png" alt="">
                                                    </div>
                                                    <div class="title">Redmi Note 9 4G</div>
                                                    <p class="price">899元</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="nav-item ZN">
                                    <a href="#">智能硬件</a>
                                    <div class="item-children">
                                        <div class="container">
                                            <ul class="children-list">
                                                <li class="first">
                                                    <div class="figure">
                                                        <img src="images/ZN-1.png" alt="">
                                                    </div>
                                                    <div class="title">CyberDog 仿生四足机器人</div>
                                                    <p class="price">9999元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/ZN-2.png" alt="">
                                                    </div>
                                                    <div class="title">小米智能门锁 1S</div>
                                                    <p class="price">1299元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/ZN-3.png" alt="">
                                                    </div>
                                                    <div class="title">Redmi小爱触屏音箱Pro8</div>
                                                    <p class="price">599元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/ZN-4.png" alt="">
                                                    </div>
                                                    <div class="title">Xiaomi Sound</div>
                                                    <p class="price">499元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/ZN-5.png" alt="">
                                                    </div>
                                                    <div class="title">Redmi小爱音箱 Play</div>
                                                    <p class="price">89元</p>
                                                </li>
                                                <li>
                                                    <div class="figure">
                                                        <img src="images/ZN-6.png" alt="">
                                                    </div>
                                                    <div class="title">查看全部<br>智能硬件</div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="nav-item">
                                    <a href="#">服务</a>
                                </li>
                                <li class="nav-item">
                                    <a href="#">社区</a>
                                </li>
                            </ul>
                        </div>
                        <div class="search">
                            <form action="">
                                <input class="search-text" type="search" placeholder="小米11">
                                <!-- <div class="search-btn"><img src="images/search.png" alt=""></div> -->
                                <div class="search-btn"><span class="iconfont">&#xe60b;</span></div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="fixed-box">
        <div class="container">
            <P>小米路由器AX3000</P>
            <a href="">用户评价</a>
        </div>
    </div>
    <div class="product-box">
        <div class="box-container">
            <div class="left">
                <div class="pic"></div>
                <div class="slider-bar">
                    <span class="active" slidernum="fp1"></span>
                    <span slidernum="fp2"></span>
                    <span slidernum="fp3"></span>
                    <span slidernum="fp4"></span>
                </div>
                <div class="left-btn"></div>
                <div class="right-btn"></div>
            </div>
            <div class="right">
                <div class="name">
                    <h2>小米路由器AX3000</h2>
                    <p>小米路由器AX3000</p>
                    <p>小米自营</p>
                    <p>349元</p>
                </div>
                <div class="address">
                    <div class="address-info">
                        <span>北京</span>
                        <span>北京市</span>
                        <span>海淀区</span>
                        <span>清河街道</span>
                    </div>
                    <a href="">修改</a>
                    <span class="show">有现货</span>
                </div>
                <div class="choose">
                    <p>选择颜色</p>
                    <ul>
                        <li>黑色</li>
                    </ul>
                </div>
                <div class="sum">
                    <ul>
                        <li>小米路由器AX3000<span>349元</span></li>
                    </ul>
                    <div class="total">共计：349元</div>
                </div>
                <div class="sale-btn">
                    <a href="">加入购物车</a>
                    <a href="">喜欢</a>
                </div>
                <div class="info">
                    <span>小米自营</span>
                    <span>小米发货</span>
                    <span>7天无理由退货</span>
                    <span>运费说明</span>
                    <span>企业信息</span>
                    <span>7天价格保护</span>
                </div>
            </div>
        </div>
    </div>
    <div class="product-detail">
        <div class="banner">
            <ul>
                <li><a>商品详情</a></li>
                <li><a>规格详情</a></li>
            </ul>
        </div>
        <div class="detail-box">
            <div class="detail-item1">
                <img src="imag/detail1.jpg">
                <img src="imag/detail2.jpg">
                <img src="imag/detail3.jpg">
                <div class="title">
                    <h3>官方微信</h3>
                    <img src="imag/img1.jpg">
                </div>
                <div class="section">
                    <h3>价格说明</h3>
                    <img src="imag/img2.jpeg">
                </div>
            </div>
            <div class="detail-item2">
                <img src="imag/img4.jpg">
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-service">
            <ul>
                <li><a href=""><span class="iconfont">&#xe60f;</span>预约维修服务</a></li>
                <li><a href=""><span class="iconfont">&#xe622;</span>7天无理由退货</a></li>
                <li><a href=""><span class="iconfont">&#xe501;</span>15天免费换货</a></li>
                <li><a href=""><span class="iconfont">&#xe639;</span>满69包邮</a></li>
                <li><a href=""><span class="iconfont">&#xe612;</span>520余家售后网点</a></li>
            </ul>
        </div>
        <div class="footer-links">
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">购物指南</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd><a href="">售后政策</a></dd>
                <dd><a href="">自动服务</a></dd>
                <dd><a href="">相关下载</a></dd>
            </dl>
            <dl>
                <dt>线下门店</dt>
                <dd><a href="">小米之家</a></dd>
                <dd><a href="">服务网点</a></dd>
                <dd><a href="">授权体验店</a></dd>
            </dl>
            <dl>
                <dt>关于小米</dt>
                <dd><a href="">了解小米</a></dd>
                <dd><a href="">加入小米</a></dd>
                <dd><a href="">投资者关系</a></dd>
                <dd><a href="">企业社会责任</a></dd>
                <dd><a href="">廉洁举报</a></dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd><a href="">新浪微博</a></dd>
                <dd><a href="">官方微信</a></dd>
                <dd><a href="">联系我们</a></dd>
                <dd><a href="">公益基金会</a></dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd><a href="">F码通道</a></dd>
                <dd><a href="">礼物码</a></dd>
                <dd><a href="">防伪查询</a></dd>
            </dl>
            <div class="contact">
                <p class="phone">400-100-5678</p>
                <p>8:00-18:00(仅收市话费)</p>
                <a href="" class="kefu">人工客服</a>
                <div class="follow">
                    关注小米
                    <a href=""></a>
                    <a href=""></a>
                    <img src="imag/mi.png">
                </div>
            </div>
        </div>
        <div class="footer-info">
            <div class="container">
                <img class="logo" src="imag/logo-mi2.png">
                <div class="info-text">
                    <p>小米商城&nbsp;|&nbsp;MIUI&nbsp;|&nbsp;米家&nbsp;|&nbsp;米聊&nbsp;|&nbsp;多看&nbsp;|&nbsp;游戏&nbsp;|&nbsp;
                        政企服务&nbsp;|&nbsp;小米天猫店&nbsp;|&nbsp;小米集团隐私政策&nbsp;|&nbsp;小米公司儿童信息保护规则&nbsp;|&nbsp;
                        小米商城隐私政策&nbsp;|&nbsp;小米商城用户协议&nbsp;|&nbsp;问题反馈&nbsp;|&nbsp;Select Location</p>
                    <p>北京互联网法院法律服务工作站&nbsp;|&nbsp;中国消费者协会&nbsp;|&nbsp;北京市消费者协会</p>
                    <p>◎mi.com京ICP证110507号&nbsp;京ICP备10046444号&nbsp;京公网安备11010802020134号&nbsp;京网文[2020]0276-042号<br>
                        (京)网械平台备字(2018) 第00005号&nbsp;互联网药品信息服务资格证(京)-非经营性-2014-0090营业执照&nbsp;医疗器械质量公告<br>
                        增值电信业务许可证&nbsp;网络食品经营备案&nbsp;京食药网食备202010048&nbsp;食品经营许可证<br>
                        违法和不良信息举报电话: 171-5104-4404 知识产权侵权投诉&nbsp;本网站所列数据,除特殊说明，所有数据均出自我司实验室测试<br></p>
                </div>
                <div class="info-links">
                    <a class="nofollow" href=""></a>
                    <a class="nofollow" href=""></a>
                    <a class="nofollow" href=""></a>
                    <a class="nofollow" href=""></a>
                    <a class="nofollow" href=""></a>
                </div>
            </div>
            <div class="slogan"></div>
        </div>
    </div>
    <div class="tool-bar">
        <a class="item">
            <span class="iconfont">&#xe631;</span>
            <div class="pop">
                <img src="imag/ewm.png">
                <span>扫码领取新人百元礼包</span>
            </div>
        </a>
        <a class="item">
            <span class="iconfont">&#xe624;</span>
            <span class="text">个人中心</span>
        </a>
        <a class="item">
            <span class="iconfont">&#xe60c;</span>
            <span class="text">售后服务</span>
        </a>
        <a class="item">
            <span class="iconfont">&#xe623;</span>
            <span class="text">人工服务</span>
        </a>
        <a class="item">
            <span class="iconfont">&#xe613;</span>
            <span class="text">购物车（0）</span>
        </a>
        <a class="backtop">
            <span class="iconfont">&#xe60e;</span>
            <span class="text">回顶部</span>
        </a>
    </div>
</body>
</html>